'use strict';
/*已解决面板*/
/**
 * @author [chenmin]
 */

var React = require('react');
var Router = require('react-router'); 
var ModalUtilMsg = require('../modules/modalUtilMsg.jsx');


var DialogueBottomComponent = React.createClass({
  getInitialState:function(){
  	return {isOpen:true};
  },
  hanlderOpenModalMsg:function(){
  	this.setState({isOpen:true});	
  },
  render: function() {
    	var self = this;
    return (
	/* jshint ignore:start */
			<div className="do-panel-msg">
				<div className="do-panel-msg-body">
					<form action="" className="do-form">
						<textarea  rows="2" width="100%" placeholder="请输入..."></textarea>
					</form>
				</div>
				<div className="do-panel-msg-footer">
					<ModalUtilMsg  isActive={self.state.isOpen} />
					<ul className="do-msg-tool">
						<li>
							<a className="do-msg-tool-img" href="javascript:;"  ><i></i>图片</a>
						</li>
						<li>
							<a className="do-msg-tool-talk" href="javascript:;" onClick={self.hanlderOpenModalMsg} ><i></i>话术</a>
						</li>
					</ul>
					<input type="button" className="do-btn do-btn-success do-btn-md  do-msg-send" value="发送" />
				</div>
		            </div>
	/* jshint ignore:end */
    );
  }
});

module.exports =DialogueBottomComponent;
